.container{
  width: 100%;
  height: 100%;
  .container-header{
    position: relative;
    width: 100%;
    height: 290rpx;
    .container-header-background{
      width: 100%;
      height: 100%;
      image{
        width: 100%;
        height: 100%;
      }
    }
    .container-header-choosebox{
      padding: 45rpx 32rpx;
      border-radius: 24rpx;
      box-shadow: 0px 36px 83px rgba(75, 137, 230, 0.1);
      background-color: #fff;
      color: #1A1D26;
      font-size: 40rpx;
      font-weight: bold;
      font-family: PingFang SC;
      position: absolute;
      top: 222rpx;
      left: 32rpx;
      right: 32rpx;
      .container-header-choosebox-rows{
        display: flex;
        justify-content: space-between;
        align-items: center;
        .container-header-choosebox-rows-placeinfo{
          width: 256rpx;
          height: 84rpx;
          line-height: 84rpx;
          text-align: center;
          background-color:#F1F5FB;
          border-radius: 16rpx;
        }
        .container-header-choosebox-rows-icon{
          width: 39rpx;
          height: 37rpx;
          image{
            width: 100%;
            height: 100%;
          }
        }
        .container-header-choosebox-rows-downicon{
          width: 48rpx;
          height: 48rpx;
          image{
            width: 100%;
            height: 100%;
          }
        }
      }
      .padBottom{
        padding-bottom: 43rpx;
      }
      .background{
        height: 84rpx;
        line-height: 84rpx;
        background-color:#F1F5FB;
        border-radius: 16rpx;
      }
      .shifttime{
        font-size: 32rpx;
        color:#A6ADBF ;
        font-weight: Medium;
        padding-left: 32rpx;
      }
    }
  }
  .container-main{
    position: relative;
    .container-main-tips{
      position: absolute;
      top: 255rpx;
      color: #A6ADBF;
      font-size: 24rpx;
      line-height: 33rpx;
      font-family:  PingFang SC Medium;
      text-align: center;
      width: 100%;
      .website-active{
        color: #27aae1;
      }
    }
  }
  .container-footer{
    position: relative;
    top:590rpx ;
    .container-footer-selectbtn{
      font-size: 32rpx;
      line-height: 45rpx;
      font-weight: bold;
      color: #fff;
      background-color: #27aae1;
      text-align: center;
      padding: 18rpx 198rpx;
      border-radius:50rpx;
      margin: 0 135rpx;
    }
    .container-footer-link{
      color: #3BB0EE;
      font-size: 28rpx;
      line-height: 40rpx;
      text-align: center;
      // padding-top: 38rpx;
    }
    .container-footer-link text{
      padding-bottom: 3rpx;
      border-bottom: 2rpx solid #3BB0EE;
    }
  }
  .banner{
    width: 686rpx;
    height: 200rpx;
    margin: 0 auto;
    margin-bottom: 20rpx;
  }
  .banner-img{
    width: 100%;
    height: 100%;
  }
  .container-third-party-components{
    .from-route{
      
    }
    .tips{
      width: 100%;
      height: 94rpx;
      line-height: 94rpx;
      text-align: center;
    }
    .line{
      width: 100%;
      height: 20rpx;
      background-color: #F1F5FB;
    }
    .list-item{
      height: 94rpx;
      padding:0 32rpx;
      display: flex;
      align-items: center;
    }
  }
}